@function pxToRem($px) {
  @return $px / 46.875 * 1rem;
}

* {
  margin: 0;
  padding: 0;
}

body {

  /*头部*/
  #header {
    background: url("../../img/invest/background.png");
    width: 100%;
    height: pxToRem(104);
    line-height: pxToRem(104);
    text-align: center;
    color: #ffffff;
    .left {
      width: pxToRem(100);
      float: left;
      img {
        width: pxToRem(26);
        height: pxToRem(40);
      }
    }
    .center {
      width: pxToRem(550);
      font-size: pxToRem(40);
      float: left;
      text-align: center;
    }

  }

  /*图片*/
  .content {
    padding: 0 pxToRem(24);
    box-sizing: border-box;
    .head {
      word-wrap: break-word;
      width: pxToRem(702);
      margin-top: pxToRem(30);
      p {
        font-size: pxToRem(30);
        color: #333333;
      }
    }

    .date {
      word-wrap: break-word;
      width: pxToRem(702);
      margin-top: pxToRem(20);
      p {
        font-size: pxToRem(24);
        color: #999999;
      }
    }

    .img {
      margin: pxToRem(32) 0 pxToRem(24) 0;

      width: pxToRem(702);
      height: pxToRem(320);

      img {
        background-size: pxToRem(702) pxToRem(320);
        width: pxToRem(702);
        height: pxToRem(320);
        border-radius: pxToRem(20);
      }

    }
    .font-details {
      margin-bottom: pxToRem(72);
      word-wrap: break-word;
      width: pxToRem(702);
      p {
        font-size: pxToRem(28);
        color: #666666;
        text-indent: 2em;
      }
    }
  }

}
